﻿<!-- 新闻内容页 -->
<div class="pages navbar-fixed">
    <div id="footprint_page" data-page="footprint" class="page footprint">
        <!-- navbar 开始 -->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="left">
                    <a href="#" data-panel="left" class="open-panel link icon-only"><i class="mui-icon mui-icon-bars">
                    </i></a>
                </div>
                <div class="center">
                    我的足迹</div>
            </div>
        </div>
        <!-- navbar 结束 -->
        <div class="page-content">
            <div class="map-foot">
                <img src="../assets/images/footprint/map-init.png" width="100%" height="100%" />
                <img id="img_blf" style="display:none" src="../assets/images/footprint/map-blf.png" class="map-block map-blf" />
                <img id="img_cd" style="display:none" src="../assets/images/footprint/map-cd.png" class="map-block map-cd" />
                <img id="img_dsh" style="display:none" src="../assets/images/footprint/map-dsh.png" class="map-block map-dsh" />
                <img id="img_gjh" style="display:none" src="../assets/images/footprint/map-gjh.png" class="map-block map-gjh" />
                <img id="img_hw" style="display:none" src="../assets/images/footprint/map-hw.png" class="map-block map-hw" />
                <img id="img_zh" style="display:none" src="../assets/images/footprint/map-zh.png" class="map-block map-zh" />
                <img id="img_jch" style="display:none" src="../assets/images/footprint/map-jch.png" class="map-block map-jch" />
                <img id="img_kf" style="display:none" src="../assets/images/footprint/map-kf.png" class="map-block map-kf" />
                <img id="img_lks" style="display:none" src="../assets/images/footprint/map-lks.png" class="map-block map-lks" />
                <img id="img_qj" style="display:none" src="../assets/images/footprint/map-qj.png" class="map-block map-qj" />
                <img id="img_sd" style="display:none" src="../assets/images/footprint/map-sd.png" class="map-block map-sd" />
                <img id="img_sh" style="display:none" src="../assets/images/footprint/map-sh.png" class="map-block map-sh" />
                <img id="img_sw" style="display:none" src="../assets/images/footprint/map-sw.png" class="map-block map-sw" />
                <img id="img_tp" style="display:none" src="../assets/images/footprint/map-tp.png" class="map-block map-tp" />
                <img id="img_wch" style="display:none" src="../assets/images/footprint/map-wch.png" class="map-block map-wch" />
                <img id="img_xsh" style="display:none" src="../assets/images/footprint/map-xsh.png" class="map-block map-xsh" />
                <img id="img_xx" style="display:none" src="../assets/images/footprint/map-xx.png" class="map-block map-xx" />
            </div>
            <div class="list-block">
                <ul>
                    <li class="item-content">
                        <div class="item-media">
                            <i class="icon icon-crown"></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">
                                头衔</div>
                            <div id="title" class="item-after">
                            </div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-media">
                            <i class="icon icon-footprint"></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">
                                足迹总数</div>
                            <div id="total" class="item-after">
                                0
                            </div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-media">
                            <i class="icon icon-home" style="width:22px; margin:2px;"></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">
                                常驻地</div>
                            <div id="place" class="item-after">
                            </div>
                        </div>
                    </li>
                    <li><a href="#" data-popup=".popup-area" class="open-popup item-link item-content">
                        <div class="item-media">
                            <i class="icon icon-compass"></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">
                                已探索</div>
                            <div id="area" class="item-after">
                                0
                            </div>
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
        <!-- Area Popup -->
        <div class="popup popup-area">
            <!-- navbar开始 -->
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="left">
                        <a href="#" data-popup=".popup-area" class="link icon-only close-popup">关闭</a>
                    </div>
                    <div class="center">
                        已探索</div>
                    <div class="right">
                        <a href="#" id="" class="link icon-only"></a>
                    </div>
                </div>
            </div>
            <!-- navbar结束-->
            <div class="list-block">
                <ul id="ul_area">
<!--                    <li class="item-content">
                        <div class="item-media">
                            <i class="icon icon-crown"></i>
                        </div>
                        <div class="item-inner">
                            <div class="item-title">
                                头衔</div>
                            <div id="Div1" class="item-after">
                            </div>
                        </div>
                    </li>-->
                </ul>
            </div>
        </div>
        <!-- end page-content -->
    </div>
</div>
